<template>
  <el-card shadow="never">
    <el-tabs v-model="activeName" class="tabs_box">
      <el-tab-pane label="审核人员" name="first">
        <Reviewer />
      </el-tab-pane>
      <el-tab-pane label="订单来源" name="second">
        <OrderSource />
      </el-tab-pane>
    </el-tabs>
  </el-card>
</template>

<script setup lang="tsx">
  import Reviewer from './components/Reviewer.vue'
  import OrderSource from './components/OrderSource.vue'
  import { ref } from 'vue'
  const activeName = ref('first')
</script>
<style lang="scss" scoped>
  .tabs_box {
    :deep(.el-tabs__item) {
      color: #969696;
    }
    :deep(.is-active) {
      font-weight: 600;
      color: #ff6b00;
    }
  }
</style>
